<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html lang="zh-CN"><head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
<meta name="description" content="">
<meta name="author" content="">
<link rel="icon" href="../../../../favicon.ico">
<title>上架</title>
<!-- Bootstrap 核心CSS -->
<link rel="stylesheet" href="//code.z01.com/v4/dist/css/bootstrap.min.css">
<link rel="stylesheet" href="//code.z01.com/boot/dist/css/font-awesome.min.css">
<!-- Favicons图标定义 -->
<link rel="apple-touch-icon" href="../../assets/img/favicons/apple-touch-icon.png" sizes="180x180">
<link rel="icon" href="../../assets/img/favicons/favicon-32x32.png" sizes="32x32" type="image/png">
<link rel="icon" href="../../assets/img/favicons/favicon-16x16.png" sizes="16x16" type="image/png">
<link rel="manifest" href="../assets/img/favicons/manifest.json">
<link rel="mask-icon" href="../../assets/img/favicons/safari-pinned-tab.svg" color="#563d7c">
<link rel="icon" href="../../favicon.ico">
<meta name="msapplication-config" content="../../assets/img/favicons/browserconfig.xml">
<meta name="theme-color" content="#563d7c">
<!-- Meta关键字定义 -->
<meta name="description" content="The most popular HTML, CSS, and JS library in the world.">
<meta name="author" content="Mark Otto, Jacob Thornton, and Bootstrap contributors">
<!-- Twitter -->
<meta name="twitter:site" content="@getbootstrap">
<meta name="twitter:creator" content="@getbootstrap">
<meta name="twitter:card" content="summary">
<meta name="twitter:title" content="Introduction">
<meta name="twitter:description" content="Get started with Bootstrap, the world's most popular framework for building responsive, mobile-first sites, with the Bootstrap CDN and a template starter page.">
<meta name="twitter:image" content="../../assets/brand/bootstrap-social.png">
<!-- Facebook -->
<meta property="og:url" content="https://getbootstrap.com/docs/4.0/getting-started/introduction/">
<meta property="og:title" content="Introduction">
<meta property="og:description" content="Get started with Bootstrap, the world's most popular framework for building responsive, mobile-first sites, with the Bootstrap CDN and a template starter page.">
<meta property="og:type" content="website">
<meta property="og:image" content="../../assets/brand/bootstrap-social.png">
<meta property="og:image:secure_url" content="../../assets/brand/bootstrap-social.png">
<meta property="og:image:type" content="image/png">
<meta property="og:image:width" content="1200">
<meta property="og:image:height" content="630">
<style>
.container {max-width: 960px;}
.border-top { border-top: 1px solid #e5e5e5; }
.border-bottom { border-bottom: 1px solid #e5e5e5; }
.border-top-gray { border-top-color: #adb5bd; }
.box-shadow { box-shadow: 0 .25rem .75rem rgba(0, 0, 0, .05); }
.lh-condensed { line-height: 1.25; }
</style>
</head>
<body  background="../pic/333.jpg" style="background-size:100%;">
<div class="container">
  <div class="py-5 text-left">	
	<h1 style="color:white;">商品上架</h1>	
  </div>
  <div class="row">
	<div class="col-md-8 order-md-1">
	  <form class="needs-validation" name="shangjia" action="shangjia_result.jsp" method="post">
		<div class="row">
		  <div class="col-md-6 mb-3">
			<label for="good_name" style="color:white;">商品名称</label>
			<input type="text" class="form-control" name="good_name" id="good_name" placeholder="请输入商品名称" value="" required="">
		  </div>
		</div>
		
		<div class="row">
		  <div class="col-md-6 mb-3">
			<label for="qty" style="color:white;">商品数量</label>
			<input type="text" class="form-control" name="qty" id="qty" placeholder="请输入商品数量" value="" required="">
		  </div>
		</div>

		<div class="mb-3">
		  <label for="good_price" style="color:white;">价格</label>
		  <div class="input-group">
			<div class="input-group-prepend">
			  <span class="input-group-text">￥</span>
			</div>
			<input type="text" class="form-control" id="good_price" name="good_price" placeholder="请为该商品定一个价格">
		  </div>
		</div>
		
        <div class="btn-group" data-toggle="buttons">
          <label for="options" style="color:white;">商品类别&nbsp&nbsp&nbsp&nbsp</label>
          <div class="mb-3">
          <label class="btn btn-secondary active">
              <input type="radio" name="options" id="option1" autocomplete="电子产品 " value="1">电子产品 
          </label>
          <label class="btn btn-secondary">
              <input type="radio" name="options" id="option2" autocomplete="服饰" value="2">服饰
          </label>
          <label class="btn btn-secondary">
              <input type="radio" name="options" id="option3" autocomplete="日用品" value="3">日用品
          </label>
          <label class="btn btn-secondary">
              <input type="radio" name="options" id="option4" autocomplete="食品" value="4">食品
          </label>
          </div>
  
        </div>
		<div class="mb-3">
		  <label for="good_desc" style="color:white;">商品介绍</label>
		  <textarea class="form-control" aria-label="With textarea" id="good_desc" name="good_desc" placeholder="请添加商品介绍" style="height:100px;"></textarea>
		</div>
		

		 <div class="form-group">
           <label for="good_pic" style="color:white;">请选择图片位置</label>
           <input type="file" class="form-control-file" id="good_pic" name="good_pic" style="color:white;">
        </div>
		
        <button class="btn btn-primary btn-lg btn-block" type="button" onclick="panduan()">上架</button>
		 <a href="goos_fenlei.jsp" class="btn btn-secondary btn-lg btn-block"  >返回</a>
	  </form>
	</div>
  </div>
</div>
<!-- Bootstrap 核心 JavaScript --> 
<script src="//code.z01.com/jquery/jquery-3.2.1.min.js"></script>
<script src="//code.z01.com/v4/dist/js/popper.min.js"></script>
<script src="//code.z01.com/v4/dist/js/bootstrap.min.js"></script>
<script>
      function panduan(){
    	  var name = shangjia.good_name.value;
    	  var price = shangjia.good_price.value;
    	  var d = shangjia.good_desc.value;
    	  var pic = shangjia.good_pic.value;
    	  var cho = shangjia.options.value;
    	  if(name==""||price==""||d==""||pic==""||cho==""){
    		  alert("请完整填写商品所有信息！");
    		  return;
    	  }
    	  shangjia.submit();
    	  
      }
</script>

</body></html>